<template>
  <div>
    <TopNav2 title="最美达人"/>
    <div class="main">
      <router-link to="/find">
        <img  class="top-pic" :src="imgUrl" alt="">
      </router-link>
      <User />
    </div>  
  </div>
</template>

<script>
import TopNav2 from "../components/TopNav2"
import User from "../components/BeautifulPerson/User"
export default {
  name:"BeautifulPerson",
   data(){
    return{
      imgUrl: require("../assets/beautiful_person/beautiful_person_01.png")
    }
 
  },
  components:{
    TopNav2,
    User
  }
}
</script>

<style scoped>
.main{
    position: absolute;
    left: 0;
    top: 2.267rem;
  }
.top-pic{
  width: 9.466rem;
  height: 4rem;
  border-radius: 0.134rem;
  margin-left: 0.267rem;
  box-shadow: 0.053rem -0.267rem 1.067rem rgba(0,0,0,0.2);
}

</style>
